<template>
  <div class="table-container">
    <Actions
      class="actions-container"
    />
    <a-table
      v-bind="tableProps"
    />
  </div>
</template>
<script>
import Actions from './Actions.vue'
import table from '@/utils/mixins/search/table'

export default {
  mixins: [table],

  components: {
    Actions,
  },

  data () {
    return {
      columns: [
        {
          title: '订单号',
          dataIndex: 'number',
          ellipsis: true,
          align: 'center',
        },
        {
          title: '期数',
          dataIndex: 'first_name',
          align: 'center',
          ellipsis: true,
        },
        {
          title: '金额$',
          dataIndex: 'last_name',
          align: 'center',
          ellipsis: true,
        },
        {
          title: '扣款时间',
          dataIndex: 'mobile',
          align: 'center',
          ellipsis: true,
        },
        {
          title: '扣款结果',
          dataIndex: 'mobile',
          align: 'center',
          ellipsis: true,
        },
      ],
    }
  },
}
</script>

<style lang="scss" scoped>
.actions-container {
  margin-bottom: $margin-xs;
}
</style>
